<template>
  <div id="quna">
    <div class="title">周末去哪</div>
    <div class="items" v-for="item of qunaUrl" :key="item.id">
      <a :href="item.url">
        <div class="img"><img :src="item.imgUrl"></div>
        <div class="text">
          <div class="tit">{{item.title}}</div>
          <div class="info">{{item.info}}</div>
        </div>
      </a>
    </div>
  </div>
</template>

<script>
export default{
  name: 'quna',
  props: {
    qunaUrl: Array
  },
  data () {
    return {}
  }
}
</script>

<style lang="stylus" scoped="scoped">
  .title
    padding: 12px;
    color #212121
    background-color #f5f5f5
  .items
    border-bottom 4px solid #f3f3f3
    .text
      padding: 10px;
      .tit
        color #212121
        font-size: 14px;
      .info
        color #616161
        padding-top: 5px;
        font-size: 12px;
    .img
      width: 100%;
      img
        width: 100%;
</style>
